<template>
    <div>
		<el-form>
			
		
        <div class="crumbs"> 
            <div class="container">
                <div class="lu hnk"></div><div class="hnk jgxx">机构信息</div>
                <div class="jgcontainer">
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <div class="check-xx">企业简称：{{check.abbreviation}}</div>
                            <div class="check-xx">企业名称：{{check.name}}</div>
                            <div class="check-xx">所在区域：{{check.area}}</div>
                            <div class="check-xx">注册地址：{{check.region}}102号</div>
                            <div class="check-xx">营业期限：{{check.term}}</div>
                        </el-col>
                        <el-col :span="10">
                            <div class="check-xx" style="display:ineline-blcok;">证件照片：</div>
                            <div class="demo-image__preview" style="margin-left:100px;">
                                <el-image 
                                    style="width: 200px; height: 150px"
                                    :src="check.licenseImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                    </el-row>
                    <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                    <div style="margin-top:20px;">
                        <div class="lu hnk"></div><div class="hnk jgxx">法人代表信息</div>
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="8">
                            <div class="check-xx">法定代表人：{{check.legalName}}</div>
                            <div class="check-xx">身份证号码：{{check.legalID}}</div>
                            <div class="check-xx">证件有效期：{{check.legalTime}}</div>
                            <div class="check-xx">手机号码：{{check.legalPhone}}</div>
                        </el-col>
                        <el-col :span="8">
                            <div class="check-xx" style="display:ineline-blcok;">身份证人像面照片：</div>
                            <div class="demo-image__preview" style="margin-left:150px;">
                                <el-image 
                                    style="width: 200px; height: 120px"
                                    :src="check.legalImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div class="check-xx" style="display:ineline-blcok;">身份证国徽面照片：</div>
                            <div class="demo-image__preview" style="margin-left:150px;">
                                <el-image 
                                    style="width: 200px; height: 120px"
                                    :src="check.legalIDImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                    </el-row>
                     <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                    <div style="margin-top:20px;">
                        <div class="lu hnk"></div><div class="hnk jgxx">运营者信息</div>
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="8">
                            <div class="check-xx">法定代表人：{{check.operateName}}</div>
                            <div class="check-xx">身份证号码：{{check.operateID}}</div>
                            <div class="check-xx">证件有效期：{{check.operateTime}}</div>
                            <div class="check-xx">手机号码：{{check.operatePhone}}</div>
                        </el-col>
                        <el-col :span="8">
                            <div class="check-xx" style="display:ineline-blcok;">身份证人像面照片：</div>
                            <div class="demo-image__preview" style="margin-left:150px;">
                                <el-image 
                                    style="width: 200px; height: 120px"
                                    :src="check.operateImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <div class="check-xx" style="display:ineline-blcok;">身份证国徽面照片：</div>
                            <div class="demo-image__preview" style="margin-left:150px;">
                                <el-image 
                                    style="width: 200px; height: 120px"
                                    :src="check.operateIDImg" 
                                    >
                                </el-image>
                            </div>
                        </el-col>
                    </el-row>
                    <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                    <div style="margin-top:20px;">
                        <div class="lu hnk"></div><div class="hnk jgxx">账号信息</div>
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="12">
                            <div class="check-xx">用户名称：{{check.us.username}}</div>
                            <div class="check-xx">密码：*********</div>
                            <div class="check-xx">注册时间：2019/11/19 11:22</div>
                            <div class="check-xx">产品名称：中药材种植追溯系统</div>
                            <div class="check-xx">版本：体验版</div>
                            <div class="check-xx">支付状态：未付款</div>
                        </el-col>
                    </el-row>
                    
                </div>
                
                <div style="height:1px; background:#E4E7ED;width:100%;margin-top:20px;"></div>
                <div style="margin-top:20px;">
                    <div class="lu hnk"></div><div class="hnk jgxx">审核信息</div>
                </div>
                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="备注">
                            <el-input
                            style="width:300px;"
                            type="textarea"
                            :autosize="{ minRows: 2, maxRows: 4}"
                            placeholder="请输入内容"
                            v-model="textarea2">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            
              
                <el-button type="success" class="zfkhcheck_back" @click="goback">返回</el-button>
            </div>
        </div>
		</el-form>
    </div>
</template>

<script>
	import {goverment_check} from "@/request/api"
	import {regionData,CodeToText} from 'element-china-area-data'
    export default {
        data(){
            return{
				check:{},
				textarea2:'',
                url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
                srcList: [
                     'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                ]
            }
        },
		mounted(){
			const _this = this;
			this.id = _this.$route.query.id
			this.getshuju()
		},
        methods:{
            goback(){
                this.$router.push({path:"/table"})
            },
			getshuju(){
				goverment_check(this.id).then((res)=>{
				    this.check = res.data
				    this.check.licenseImg = this.$store.state.pathimg + this.check.licenseImg
					this.check.legalImg = this.$store.state.pathimg + this.check.legalImg
					this.check.legalIDImg = this.$store.state.pathimg + this.check.legalIDImg
					this.check.operateImg = this.$store.state.pathimg + this.check.operateImg
					this.check.operateIDImg = this.$store.state.pathimg + this.check.operateIDImg
					// conbsole.log(this.check.licenseImg)
				    // this.srcList[0] = this.check.licenseImg
					var list = this.check.area.split(",")
					var arr = ""
					for (let k = 0; k < list.length; k++) {
					    arr += CodeToText[list[k]] + "/"
					}  
					  this.check.area = arr.substr(0,arr.length-1)
				})
			}
        }
    }
      
</script>

<style scoped>
    .zfkhcheck_back{
        margin-left:500px;

    }
    .zfkhcheck_span{
        font-size:14px;
        margin:20px 30px;
        /* padding-top: 30px; */
    }
    .zfkhcheck_img{
        width:200px;
        height:100px;
        background:red;
    }
    .check-xx{
        font-size:14px;
        margin: 10px 20px 0px 20px;
    }
    .crumbs{
        width:95%;
        margin:0 auto;
        margin-top: 30px;
        /* background: #ffffff; */
    }
    .cons{
        padding:10px;
    }
    .lu{
        width: 8px;
        height: 16px;
        background: greenyellow;
    }
    .hnk{
        display:inline-block;
    }
    .jgxx{
        margin-left:10px ;
        font-weight:600;
        font-size: 15px;
    }
    .jgcontainer{
        font-weight: 400;
    }
    .con{
        width:40%;
        padding: 20px;
        font-size: 14px;
        margin-left: 20px;
    }
    .handle-input {
        width: 300px;
        display: inline-block;
        /* margin-left: 30px; */
    }
    .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  .avatar {
    width: 100px;
    height: 100px;
    display: block;
  }
  
  
</style>